<!--
* @description 诛仙交易所
* @fileName exchange.vue
* @author huangyu
* @date 2023/02/07 15:27:04
!-->
<template>
    <div>
        <el-row :gutter="20">
            <el-col :span="3">
                <cCategory @change="changeCategory"></cCategory>
            </el-col>
            <el-col :span="21">
                <vExchange :categoryModel="categoryModel" ref="refExchange"></vExchange>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import cCategory from "@/components/game/zhuxian/category.vue"
import vExchange from "./exchangeList.vue"
export default {
    components: { cCategory,vExchange },
    data() {
        return {
            categoryModel: {},
        }
    },
    mounted() {

    },
    methods: {
        changeCategory(data){
            // 获取分类id数组
            this.categoryModel = data

            // 执行查询功能
            // nextTick 解决class有时不会更新
            this.$nextTick(()=>{
                this.$refs.refExchange.getData()
            })
        },
    },
}
</script>

<style scoped>

</style>